@charset 'utf-8';
@import './response.less';
@import './lib/text.less';
// @import './theme/light.less';
@import './theme/dark.less';
// @import './theme/blue.less';
// @import './theme/blue.less';
@import './theme/vantCover.less';
@import './page.less';
@import './layout.less';

:root {
  --bottomHeight: 2.1333rem;
}

.has-fix-bottom {
  padding-bottom: 3.13333rem;
}

body,
#app,
div,
dl,
dt,
dd,
ul,
ol,
li,
tr,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
br,
img,
table,
input,
form,
a,
p,
textarea,
h1 {
  font-family: "Microsoft Yahei", MiSans, PingFang SC, sans-serif;
}

html {
  background-color: var(--a-main-bg-color);
  color: var(--a-text-color);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.page-p {
  padding-left: .4267rem;
  padding-right: .4267rem
}

[class*="ai-icon-"] {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  &.click {
    color: #fff;
  }
}

// ------------------------------------------vertical-align
.vertical-align-middle {
  vertical-align: middle;
}

.vertical-align_text-bottom {
  vertical-align: text-bottom;
}

// -----------------------------------------font-family字体
.ff-Regular {
  font-family: 'HanSansSC Regular';
}

.ff-YouShe {
  font-family: 'YouShe Bold';
}

// .ff-Bold {
//   font-family: 'HanSansSC Bold';
// }

// .ff-Heavy {
//   font-family: 'HanSansSC Heavy';
// }

// .ff-Medium {
//   font-family: 'HanSansSC Medium';
// }

// .ffYouShe-Bold {
//   font-family: 'YouShe Bold';
// }
// 文字倾斜
.fs-italic {
  font-style: italic;
}

//----------------------------------------------font-weight 粗细
.fw200 {
  font-weight: 200;
}

.fw400 {
  font-weight: 400;
}

.fw600 {
  font-weight: 600;
}

.fwbold {
  font-weight: bold;
}

.a-mod {
  margin: 30rpx 30rpx 0;
}

.fwnormal {
  font-weight: normal;
}

//---------------------------------------font-size 字体大小
.f12 {
  font-size: .16rem;
}

.f16 {
  font-size: .2133rem;
}

.f22 {
  font-size: .2933rem;
}

.f24 {
  font-size: .32rem;
}

.f25 {
  font-size: .3333rem;
}

.f26 {
  font-size: .3467rem;
}

.f28 {
  font-size: .3733rem;
}

.f30 {
  font-size: .4rem;
}

.f32 {
  font-size: .4267rem;
}

.f33 {
  font-size: .44rem;
}

.f34 {
  font-size: .4533rem;
}

.f38 {
  font-size: .5067rem;
}

.f44 {
  font-size: .5867rem;
}

.f48 {
  font-size: .64rem;
}

.f56 {
  font-size: .7467rem;
}

.f58 {
  font-size: .7733rem;
}

.f64 {
  font-size: .8533rem;
}

.f70 {
  font-size: .9333rem;
}

// ------------------------------------------字体颜色
.c2D3A43 {
  color: var(--f-text-color);
}

.cB3B7BC {
  color: #B3B7BC;
}

.c040A18 {
  color: #040A18;
}

.c646977 {
  color: #646977;
}

.c5E87AF {
  color: #5E87AF;
}

.c889492 {
  color: #889492;
}

.cA4A5A5 {
  color: #A4A5A5;
}

.c4D6EA3 {
  color: #4D6EA3;
}

.c8ED3ED {
  color: #8ED3ED;
}

.c666 {
  color: #666666;
}

.c000 {
  color: #000000;
}

.c404040 {
  color: #404040;
}

.cfff {
  color: #FFFFFF;
}

.c585858 {
  color: #585858;
}

.cB5BBC3 {
  color: #B5BBC3;
}

.c57BE6A {
  color: #57BE6A;
}

.c83CD88 {
  color: #83CD88;
}

.c646464 {
  color: #646464;
}

.cd03050 {
  color: #d03050;
}

.c25282E {
  color: #25282E;
}

.c2C2725 {
  color: #2C2725;
}

.cF6C9A6 {
  color: #F6C9A6;
}

.c9C643B {
  color: #9C643B;
}

.c995C2D {
  color: #995C2D;
}

.cA97E5B {
  color: #A97E5B;
}

.c101710 {
  color: #101710;
}

.c70D780 {
  color: #70D780;
}

.c8D9793 {
  color: #8D9793;
}

//----------------------------------------text-align 文字居中
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

// --------------------------------------background-color 背景色 
.bgF8F9FC {
  background-color: #F8F9FC;
}

.bgFFF {
  background-color: var(--bg-color-fff);
}

.bgEFF9FF {
  // background-color: #EFF9FF;
  background-color: var(--h-bg-color-wathet);
}

.bgE9FFE0 {
  background-color: var(--h-bg-color-reseda);
}

.bgE8EEFF {
  background-color: var(--h-bg-color-lilac);
}

.bgFFEEE6 {
  background-color: var(--h-bg-color-lightorange);
}

.bgCBF2FE {
  background-color: var(--h-bg-color-Cambridgeblue);
}



.bgcfff {
  background-color: #ffffff;
}

.bgF6F7FB {
  background-color: #F6F7FB;
}

.bg_lg_EFDDB5 {
  background: linear-gradient(125deg, #EFDDB5 0%, #F6C9A7 100%);
}

.bg_lg_5C4F42 {
  background: linear-gradient(133deg, #5C4F42 0%, #423930 52%, #453B31 100%);
}

.bg_lg_F7E3CB {
  background: linear-gradient(133deg, #F7E3CB 0%, #E4B080 100%);
}

.bg_lg_B47540 {
  background: linear-gradient(125deg, #B47540 0%, #975729 100%);
}

.bgred {
  background-color: red;
}

.bggre {
  background-color: green;
}

.bgt {
  background-color: transparent;
}

.bglf {
  background: linear-gradient(120deg, #87CEF7 0%, #C5FBA7 100%);
}

.bg83CD88 {
  background-color: #83CD88;
}

// ----------------------------------------width 宽度
.w20 {
  width: .2667rem;
}

.w33 {
  width: .44rem;
}

.w40 {
  width: .5333rem;
}

.w54 {
  width: .72rem;
}

.w60 {
  width: .8rem;
}

.w80 {
  width: 1.0667rem;
}

.w82 {
  width: 1.0933rem;
}

.w130 {
  width: 1.7333rem;
}

.w145 {
  width: 1.9333rem;
}

.w95w {
  width: 95%;
}

.w80s {
  width: 80%;
}

.w100vw {
  width: 100vw;
}

.w100s {
  width: 100%;
}

.w104 {
  width: 1.3867rem !important;
}

.w180 {
  width: 2.4rem;
}

.w195 {
  width: 2.6rem;
}

.w206 {
  width: 2.7467rem;
}

.w220 {
  width: 2.9333rem;
}

.w224 {
  width: 2.9867rem;
}

.w290 {
  width: 3.8667rem;
}

.min-w-0 {
  min-width: 0px;
}

.max-w-352 {
  max-width: 4.7rem;
}

.max-w-200 {
  max-width: 2.6667rem;
}

// ------------------------------------ height 高度 
.h107 {
  height: 1.4267rem;
}

.h40 {
  height: .5333rem;
}

.h54 {
  height: .72rem;
}

.h55 {
  height: .7333rem;
}

.h60 {
  height: .8rem;
}

.h75 {
  height: 1rem;
}

.h80 {
  height: 1.0667rem;
}

.h82 {
  height: 1.0933rem;
}

.h85 {
  height: 1.1333rem;
}

.h100vh {
  height: 100vh;
}

.h100s {
  height: 100%;
}

.h112 {
  height: 1.5rem;
}

.h130 {
  height: 1.7333rem;
}

.h145 {
  height: 1.45rem;
}

.h160 {
  height: 2.1333rem;
}

.h220 {
  height: 2.9333rem;
}

.h370 {
  height: 4.9333rem;
}

// ----------------------------------- line-height 行高
.lh33 {
  line-height: .44rem;
}

.lh38 {
  line-height: .5067rem;
}

// ------------------------------------border-radius 圆角
.brtlrt48 {
  border-radius: .64rem .64rem 0 0;
}

.brtlrt30 {
  border-radius: .4rem .4rem 0 0;
}

.br32 {
  border-radius: .4267rem !important;
}

.br36 {
  border-radius: .48rem .48rem .48rem .48rem;
}

.border50 {
  border-radius: 50% 50%;
}

.border-raius16 {
  border-radius: .2133rem .2133rem .2133rem .2133rem;
}

.border-raius15 {
  border-radius: .2rem;
}

.border-raius18 {
  border-radius: .24rem .24rem .24rem .24rem;
}

// -------------------------------------border 边框
.b2s {
  border: 2.0025px solid #8ED3ED;
}

.border4FFF {
  border: 4px solid #FFF;
}

.borderno {
  border: none;
}

.borderbno {
  border-bottom: none;
}

.bb1d9 {
  border-bottom: 1px solid #D9D9D9;
}

.bbe57 {
  border-bottom: 1px solid #E5E7EB;
}

.border-b {
  border-bottom-width: 1px;
}

//------------------------------------- padding 内边距
// left right top bottom
.plr38 {
  padding: 0 .5rem;
}

.pt30r14b14l30 {
  padding: .4rem .1867rem .1867rem .4rem;
}

.pt22r14b14l30 {
  padding: .3rem .1867rem .1867rem .4rem;
}

.p26202628 {
  padding: .3467rem .2667rem .3467rem .3733rem;
}

// left  right
.plr15 {
  padding: 0 .2rem;
}

.plr20 {
  padding: 0 .2667rem;
}

.plr30 {
  padding: 0 .4rem;
}

.plr33 {
  padding: 0 .4533rem;
}

.plr35 {
  padding: 0 .4667rem;
}

.plr40 {
  padding: 0 .5333rem;
}

.plr45 {
  padding: 0 .6rem;
}

.plr75 {
  padding: 0 1rem;
}

//top bottom
.ptb27 {
  padding: .36rem 0;
}

.ptb30 {
  padding: .4rem 0;
}

// top bottom
.pt40b30 {
  padding: .5333rem 0 .4rem;
}

.ptb20 {
  padding: .2667rem 0;
}

// right
.pr21 {
  padding-right: .28rem;
}

.pr18s {
  padding-right: 18%;
}

// left
.pl54 {
  padding-left: .72rem;
}

// top
.pt10 {
  padding-top: .1333rem;
}

.pt15 {
  padding-top: .2rem;
}

.pt20 {
  padding-top: .2667rem;
}

.pt30 {
  padding-top: .4rem;
}

//bottom
.pb70 {
  padding-bottom: .9333rem;
}

//------------------------------------- margin 外边距
// right
.mr4 {
  margin-right: .1rem;
}

.mr12 {
  margin-right: .16rem;
}

.mr13 {
  margin-right: .1733rem;
}

.mr18 {
  margin-right: .24rem;
}

.mr21 {
  margin-right: .28rem;
}

//left 
.ml5 {
  margin-left: .0667rem;
}

.ml18 {
  margin-left: .24rem;
}

// right left 居中
.mrlauto {
  margin: 0 auto;
}

.mrl12 {
  margin: 0 12px;
}

// top bottom 
.mtb15 {
  margin: .1rem 0;
}

.mtb27 {
  margin: .36rem 0;
}

.mtb38 {
  margin: .5067rem 0;
}

.mt167b200 {
  margin: 2.2267rem 0 2.6667rem;
}

.mtb3820 {
  margin: .5067rem 0 .2667rem;
}

.mtb20 {
  margin: .2667rem 0;
}

// top
.mt5s {
  margin-top: 5%;
}

.mt20 {
  margin-top: .2667rem;
}

.mt15s {
  margin-top: 15%;
}

.mt20 {
  margin-top: .2667rem;
}

.mt30 {
  margin-top: .4rem;
}

.mt35 {
  margin-top: .4667rem;
}

.mt40 {
  margin-top: .5333rem;
}

.mt52 {
  margin-top: .6933rem;
}

.mt75 {
  margin-top: 1rem;
}

.mt81 {
  margin-top: 1.08rem;
}

.mt156 {
  margin-top: 2.08rem;
}

.mt25s {
  margin-top: 25%;
}

// bottom
.mb5 {
  margin-bottom: .0667rem;
}

.mb24 {
  margin-bottom: .32rem;
}

.mb26 {
  margin-bottom: .3467rem;
}

.mb30 {
  margin-bottom: .4rem;
}

.mb46 {
  margin-bottom: .6133rem;
}

.mb66 {
  margin-bottom: .88rem;
}

.mb88 {
  margin-bottom: 1.1733rem;
}

.m30s {
  margin-bottom: 30%;
}

//------------------------------------------ flex 布局
.flex {
  display: flex;
}

.aic {
  align-items: center;
}

.aife {
  align-items: flex-end;
}

.jcc {
  justify-content: center;

}

.jcsb {
  justify-content: space-between;
}

.jcsa {
  justify-content: space-around;
}

.jcfs {
  justify-content: flex-start;
}

.jcfe {
  justify-content: flex-end;
}

.fdc {
  flex-direction: column;
}

.jsfs {
  justify-self: flex-start;
}

.jsc {
  justify-self: center;
}

.jic {
  justify-items: center;
}

.asfs {
  align-self: flex-start;
}

.asc {
  align-self: center;
}

.flex1 {
  flex: 1;
}

.flex110 {
  flex: 1 1 0%;
}

.asfe {
  align-self: flex-end;
}

.fww {
  flex-wrap: wrap;
}

.ffw {
  flex-flow: wrap
}

.flex-grow1 {
  flex-grow: 1;

}

.flex-basis0 {
  flex-basis: 0;
}

.ai-baseline {
  align-items: baseline;
}

// ----------------------------------------------display none

.none {
  display: none;
}

.dpib {
  display: inline-block;
}

// ------------------------------------------------box-sizing怪异盒模型
.bsbb {
  box-sizing: border-box;
}

// ------------------------------------position 定位 
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.ps {
  position: sticky;
}

.left0 {
  left: 0;
}

.right0 {
  right: 0;
}

.top0 {
  top: 0;
}

.b0 {
  bottom: 0;
}

.l0 {
  left: 0;
}

// --------------------------------------------------box-shadow 阴影 
.left {
  margin-left: 0.1067rem;
}

//-------------------------------------------------
// --------------------------------------------------overflow
.overflow {
  overflow-y: scroll;
  height: calc(100vh + 1.0667rem);
}

.voerflow-hidden {
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;

}

.overflowauto {
  overflow: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

// -------------------------------------------------box-shadow 阴影 
.bs430 {
  box-shadow: 0px -0.0533rem .4rem 0px rgba(0, 0, 0, 0.1);
}

// ------------------------------------------------------文本3行
.lc3 {
  line-clamp: 3;
}

// ------------------------------------------------ 页面header
// header
.headerTop {
  height: 1.1733rem;
  // background-color: #F2F5F9;
  background-color: rgba(255, 255, 255, 0);

  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 .4533rem;
  // background-color: red;

  span {
    font-size: .4533rem;
    color: #2A2A2A;
    font-family: "HanSansSC Regular";
    // font-weight: 500;

  }

  .back {
    position: absolute;
    left: .2533rem;
    line-height: .2133rem;
    width: .56rem;
    color: #262727;
    // background-color: aquamarine;
  }

  // .n-icon svg {
  //   width: 1.5em !important;
  //   height: 1.5em !important;
  // }
}

// 超出隐藏显示省略号
.textoverhidden {
  // max-width: 2.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// ---------------------------------------去input框选中的绿色
.nob0 {
  --n-border: 0px !important;
  --n-box-shadow-focus: 0 0 0 0px rgba(24, 160, 88, 0.2) !important;
  --n-border-disabled: none !important;
  --n-border-hover: 0px !important;
  --n-border-focus: 0px !important;
  // border-radius: .2667rem !important;
}

// chat页
.overflow-y-auto {
  overflow-y: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.h-full {
  height: 100%;
}

.p-2 {
  padding: 0.2rem;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.w-full {
  width: 100%;
}

// .flex {
//   display: flex;
// }

.mb-6 {
  margin-bottom: .6667rem;
}

.mb-3 {
  margin-bottom: .4rem;
}

.rounded-full {
  border-radius: 9999px;
}


.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.basis-8 {
  flex-basis: .9rem;
}

.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}

.h-8 {
  height: .9rem;
}



.ml-2 {
  margin-left: 0.5rem;
}

.ml-15 {
  margin-left: .2rem;
}

.mr-15 {
  margin-right: .2rem;
}

.text-sm {
  font-size: .3733rem;
  line-height: .5867rem;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.gap-1 {
  gap: 0.25rem;
}

.mt-2 {
  margin-top: 0.01rem;
}

.text-black {
  --tw-text-opacity: 1;
  color: #040A18;
}

.rounded-md {
  border-radius: 0.215rem;
}



.flex-row {
  flex-direction: row;
}


.text-xs {
  font-size: .2667rem;
  line-height: .5867rem;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.w-full {
  width: 100%;
}

.m-auto {
  margin: auto;
}

.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

// ---------------------------------------------------------个人中心 Btn
.openBtn {
  border-radius: 1.21rem;
  width: 2.0267rem;
  line-height: 0.8rem;
  text-align: center;
  font-weight: 500;
  font-size: .32rem;
}

// -------------------------------------------------------发送验证码弹窗
.n-modal {
  background-color: #ffffff;
  border-radius: .3733rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .verificationBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    // background-color: red;
    margin-bottom: .4rem;

    .n-input {
      width: 3.65rem;
      height: .96rem;
      background-color: #ffffff !important;

      /deep/ .n-input__input-el {
        --n-height: .96rem !important;
      }
    }

    .diagramText {
      // width: 2.2rem;
      height: .96rem;
      line-height: .96rem;
      text-align: center;
      padding: 0 0.15rem;
      // background-color: red;
      // img{
      //   width: 2.2rem;
      //   height: .96rem;
      // }
    }

  }
}

.n-image {
  // width: 2.2rem !important;
  height: .96rem !important;
}

/deep/ .n-input {
  --n-border-hover: none !important;
  --n-border-focus: none !important;
  --n-loading-color: #ffffff !important;
  --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0) !important;
  caret-color: red !important;
  background-color: #ffffff !important;
  --n-color-focus-error: #fff !important;
  --n-placeholder-color: #fff !important;
  --n-color-focus: #fff !important;
}